<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html>
<html lang="zh_cn">
<head>
    <title>抽签结果</title>
    
    <!-- 业务css -->
	<link rel="stylesheet" href="${ctx}/resource/css/groupingLots.css" />
	
	<!-- 本页面所需css -->
	<style type="text/css">
		.nav-width{
			width: 1080px;
		}
		.ul-color{
			color: #fff;
		}
		.clear-both{
			text-align: center; 
			clear: both;
		}
		.min-height{
			min-height: 650px;
		}
	</style> 
</head>

<body>

	<!-- 菜单及导航数据  -->
    <data id="info" nav="lots" menu="" service="抽签服务" action="抽签结果">
	
     <!-- 业务部分  开始  -->
     <div class="row wrapper border-bottom white-bg page-heading animated rotateIn min-height" >
         <div class="col-lg-12 page-heading">
			<!-- BEGIN PAGE -->
			<div class="ibox-content text-center">
				<div class="col-lg-12">
					<nav id="filter" class="nav-width"></nav>
					<section id="container">
						<ul id="stage" class="ul-color">
							<c:forEach items="${result}" var="res">
							<li data-tags="${res.item.title} ">
								<div class="candated">
									<div class="photo">
										<img src="${ctx}${res.user.userImage}"></img>
									</div>
									<div class="name">${res.user.name}</div>
								</div> 
							</li>
							</c:forEach>
						</ul>
					</section>
				</div>
			</div>
			<div class="clear-both"></div>
		</div>
    </div>
         
    <!-- 业务部分  结束  -->
     
	<js>
    <!-- 抽签相关 js -->
	<script src="${ctx}/resource/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
	<script src="${ctx}/resource/js/groupingLots.js"></script>
	<script src="${ctx}/resource/js/jquery.quicksand.js"></script> 
    </js>
</body>
</html>